@mixin flex($d: column, $j: normal, $a: auto) {
  display: flex;
  flex-direction: $d;
  justify-content: $j;
  align-items: $a;
}

$themeColor: #378df1;
/* 设置带边框的checkbox，选中后边框的颜色 */
:deep(.check.is-bordered.is-checked) {
  border-color: $themeColor;
}
/* 设置选中后的文字颜色 */
:deep(.check .el-checkbox__input.is-checked + .el-checkbox__label) {
  color: $themeColor;
}
/* 设置选中后对勾框的边框和背景颜色 */
:deep(
    .check .el-checkbox__input.is-checked .el-checkbox__inner,
    .check .el-checkbox__input.is-indeterminate .el-checkbox__inner
  ) {
  border-color: $themeColor;
  background-color: $themeColor;
}

/* 设置checkbox获得焦点后，对勾框的边框颜色 */
:deep(.check .el-checkbox__input.is-focus .el-checkbox__inner) {
  border-color: $themeColor;
}

/* 设置鼠标经过对勾框，对勾框边框的颜色 */
:deep(.check .el-checkbox__inner:hover) {
  border-color: $themeColor;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
:deep(.el-select__wrapper.is-focused) {
  border-color: #0a906c !important;
}

.el-loading-spinner .path {
  stroke: #0a906c;
}
.el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: rgb(39, 42, 48);
}
img:not([src]) {
  background-color: transparent;
  background: url("~/assets/img/loadingimg2.png") no-repeat;
  background-size: 40px 32px;
  background-position: center;
}
img[lazy="loading"] {
  width: 100%;
  height: 100%;
  background-color: transparent;
  background: url("~/assets/img/loadingimg2.png") no-repeat;
  background-size: 40px 32px;
  z-index: 10;
  background-position: center;
}

/* 定义滚动条整体样式 */
::-webkit-scrollbar {
  display: none;
  /* 对于横向滚动条，这里可以不设置或保持和width一致 */
}
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
  transition: all 0.2s;
}
.slide-left-enter-from {
  opacity: 0;
  transform: translate(50px, 0);
}
.slide-left-leave-to {
  opacity: 0;
  transform: translate(-50px, 0);
}
.slide-right-enter-from {
  opacity: 0;
  transform: translate(-50px, 0);
}
.slide-right-leave-to {
  opacity: 0;
  transform: translate(50px, 0);
}

.el-message {
  z-index: 4000 !important;
}
.expend .is-focus {
  border: 1px solid #0a906c !important;
}
/*
:deep(.el-input__wrapper) {
  color: #fff !important;
}
.el-input__inner {
  color: #fff !important;
}
.el-select__inner {
  color: #fff !important;
}
.downselect {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  .is-focus,
  .el-input__inner {
    border-color: #0a906c !important;
  }
  .el-select__wrapper {
    color: #fff !important;
  }
  .el-select__selected-item span {
    color: #fff !important;
  }

  .el-scrollbar__view {
    background-color: rgb(39, 42, 48) !important;
    color: #fff !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  .el-scrollbar__wrap {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  .el-select-dropdown {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background-color: rgb(50, 53, 62) !important;
  }
  .el-select-dropdown__list {
    background-color: rgb(50, 53, 62) !important;
    color: #fff !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  .el-popper__arrow::before {
    background-color: rgb(50, 53, 62) !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
  .el-input__inner.is-focused {
    border-color: rgb(0, 144, 109) !important;
  }
  .el-select-dropdown__item.selected {
    color: #fff !important;
    background-color: rgb(39, 42, 48) !important;
  }
  .el-input.is-focus .el-input__inner {
    border-color: #0a906c !important;
  }
  .el-select-dropdown__item.selected {
    color: #fff !important;
    background-color: rgb(50, 53, 62) !important;
  }
  .el-select-dropdown__item {
    background-color: rgb(50, 53, 62) !important;
    color: #b9bdc9 !important;
  }
  
  .el-select-dropdown__item:hover {
    color: #fff !important;
  }
}
*/

 
